<template>
  <div class="topup-box">
    <nav-bar title="充值截图" fixed='fixed' />
    <div class="content">
      <div class="tupup-info-box">
        <div class="tupup-info bd-b">
          <div class="name">账户名</div>
          <div class="info">一个小小鸟</div>
        </div>
        <div class="tupup-info">
          <div class="name">联系方式</div>
          <div class="info">18956215474</div>
        </div>
      </div>
      <div class="screenshots">
        <div class="img"></div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'topup',
    data() {
      return {};
    },
    created() {},
    mounted() {},
    methods: {
      // changePay(id) {
      //   this.payInfoValue = id;
      // }
    }
  };
</script>
<style lang="less" scoped>
  .topup-box {
    padding-bottom: 30px;
  }

  .tupup-info-box {
    background-color: #fff;
    padding: 0 30px;
    margin-top: 20px;

    .tupup-info {
      display: flex;
      padding: 25px 0 25px;
      background-color: #fff;
      font-size: 30px;

      .name {
        color: #212121;
        width: 150px;
        text-align: left;
        margin-right: 10px;
      }

      .info {
        flex: 1;
        color: #838383;
      }
    }
  }

  .screenshots {
    width: 456px;
    margin: 50px 30px 0;

    .img {
      height: 591px;
      width: 100%;
      // height: auto;
      background-color: #fff;
    }
  }
</style>